<template>
  <div>
    <a-card class="cardBox">
      <div class="tit" slot="title">规范建设</div>
      <div class="content">

        <a-row :span="16">
          <a-col :span="6">
            <div style="text-align: center" @click="imgClick">
              <img src="@/assets/img/js1.png"
                   style="max-width: 90%;
    margin: auto; cursor: pointer;
    display: block;">
              <p style="padding-top: 10px; cursor: pointer;">点击查看原图</p>
            </div>
          </a-col>
          <a-col :span="17">
            <div class="contentText">
              运用“V字模型”，制定影视文化产业全产业链的改革方案，将产业环节分解成8项应用场景、67项任务，1300项最小颗粒度事项，框架上对标省“152”体系，搭建了“1个数据中心、8个重大应用、N个理论和制度成果”的“1+8+N”架构，横向打通大数据局、“数字东阳”等系统的连通，编制IRS应用目录，做到数据实时交互，构建分析算法，在“数字驾驶舱”归集分析。系统在身份认证、访问授权、机密性、隐私保护等方面从不同的层级制定了相应的安全策略，形成了纵深防御安全体系。
            </div>
          </a-col>
        </a-row>
        <div
          style="border-top: 1px solid #ccc;
    margin-top: 40px;
    overflow: hidden;">
          <img src="@/assets/img/js2.png" style="max-width: 100%;margin-top: 20px;">
        </div>
      </div>
    </a-card>
    <a-modal v-model="modelVisible" width="88%" :footer="null" :centered="true" >
      <div class="modalContent">
        <img src="@/assets/img/js1.png" class="filesImg">>
      </div>
    </a-modal>
  </div>
</template>

<script>
  export default {
    name: 'HytBoard7',
    data () {
      return {
        modelVisible: false
      }
    },
    mounted () {

    },
    watch: {
    },
    methods: {
      imgClick () {
        this.modelVisible = true
      }
    }
  }
</script>

<style scoped lang="less">
  .cardBox {
    margin-bottom: 16px;
    box-shadow: 0 0 12px rgba(0,0,0,.15);
    .tit {
      position: relative;
      padding-left: 8px; font-size: 20px;
    }

    .tit::before {
      display: inline-block;
      content: '';
      width: 2px;
      position: absolute;
      left: 0;
      top: 2px;
      bottom: 2px;
      background: #1890ff
    }
  }
  .filesImg {max-width: 100%; display: block; margin: auto}
  .modalContent {
    height: auto; padding-right: 10px; overflow-x: hidden; overflow-y: auto;
    .biaoti {
      background: #f8f8f8;
      margin-bottom: 16px;
      font-size: 15px;
      padding: 8px 15px; position: relative;
    }

    .biaoti::before {
      display: inline-block;
      content: '';
      width: 2px;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      background: #1890ff
    }
  }
  .contentText {padding-top:60px; padding-left: 50px; line-height: 2; font-size:18px}
</style>
